<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				height: 2000px;
			}
		</style>
	</head>
	<body>
		<!-- 在本窗口中打开，会覆盖本窗口 -->
		<a href="https://baidu.com" target="_self">百度一下</a>
		<br>
		<!-- 在浏览器新的窗口或者选项卡中打开 -->
		<a href="https://so.com" target="_blank">搜索_blank</a>
		<br>
		<a href="#media">多媒体</a>
		<a href="#html5">html5</a>
		<br>

		<!-- iframe内联框架，1.是内联元素，
		2.可以在scr里面写引入的链接，也可以引用本地页面 -->
		<iframe src="sub-page.html" width="600" height="600"></iframe>
		<span>测试是否内联</span>

		<p id="media">多媒体</p>
		<p id="html5">HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。
					[6]
					地理定位</p>
		<p>现今移动网络备受青睐，用户对实时定位的应用越来，要求也越来越高。HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能，定位更加准确、灵活。通过HTML5进行定位，除了可以定位自己的位置，还可以在他人对你开放信息的情况下获得他人的定位信息。
			[6]
			数据存储</p>
		<p id="top">HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage
			适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。 [6]
			多线程</p>
		<p>HTML5利用Web Worker将Web应用程序从原来的单线程业界中解放出来，通过创建一个Web
			Worker对象就可以实现多线程操作。JavaScript创建的Web程序处理事务都是在单线程中执行，响应时间较长，而当JavaScript过于复杂时，还有可能出现死锁的局面。HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象，但后台线程可以和贞面之间进行数据交互。子线程与子线程之间的数据交互，大致步骤如下：①先创建发送数据的子线程；②执行子线程任务，把要传递的数据发送给主线程；③在主线程接受到子线程传递回的消息时创建接收数据的子线程，然后把发送数据的子线程中返回的消息传递给接收数据的子线程；④执行接收数据子线程中的代码。
			[6]
		</p>
		<!-- 回到定点，不要给其他元素id设置为top，否则会跳转到id为top的元素 -->
		<a href="#top">回到顶点</a>
		<!-- 下载 -->
		<a href="js/Jquery.zip" download='a.rar'>下载Jquery</a>
		<a href="javascript:void(0)">按钮</a>
		HTML&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中不区分大小写,但是我们一般都使用小写
		<p>a便签是链接，用法&lt;a href="htts://so.com"&gt;so&lt;/a&gt;</p>
	</body>
</html>
